<!DOCTYPE html>
<html lang="en" class="no-js">
<head>
	<!-- Google Tag Manager -->
		<script>(function(w,d,s,l,i){w[l]=w[l]||[];w[l].push({'gtm.start':
		new Date().getTime(),event:'gtm.js'});var f=d.getElementsByTagName(s)[0],
		j=d.createElement(s),dl=l!='dataLayer'?'&l='+l:'';j.async=true;j.src=
		'https://www.googletagmanager.com/gtm.js?id='+i+dl;f.parentNode.insertBefore(j,f);
		})(window,document,'script','dataLayer','GTM-WCRD68P');</script>
		<!-- End Google Tag Manager -->
		<script defer src="https://cloud.umami.is/script.js" data-website-id="3c34170a-1da1-435b-83dd-54ff961055ec"></script>

		<!-- Basic Page Needs
        ================================================== -->
<meta charset="utf-8">
<meta http-equiv="Content-Type" content="text/html; charset=utf-8">
<link rel="icon" type="image/png" href="images/favicon.ico">
<title>Capella MBSE Tool - Resources</title>
<meta name="description" content="Find the answers to your questions about Capella, an Open Source MBSE tool that implements the Arcadia method.">
<meta name="keywords" content="">
<meta name="author" content="">
<!-- Mobile Specific Metas
        ================================================== -->
<meta name="format-detection" content="telephone=no">
<meta name="viewport" content="width=device-width, initial-scale=1">
<!-- Template CSS Files
        ================================================== -->
<!-- Twitter Bootstrs CSS -->
<link rel="stylesheet" href="css/bootstrap.min.css">
<!-- animate css -->
<link rel="stylesheet" href="css/animate.css">
<!-- template main css file -->
<link rel="stylesheet" href="css/main.css">
<!-- responsive css -->
<link rel="stylesheet" href="css/responsive.css">
<link rel="stylesheet" href="css/latofonts.css">
<link rel="stylesheet" href="css/flag-icons.min.css">
<!-- Cookie content -->
<link rel="stylesheet" type="text/css" href="//www.eclipse.org/eclipse.org-common/themes/solstice/public/stylesheets/vendor/cookieconsent/cookieconsent.min.css" />
<!-- Eclipse Foundation Google Tag Manager -->
<script>(function(w,d,s,l,i){w[l]=w[l]||[];w[l].push({'gtm.start':
new Date().getTime(),event:'gtm.js'});var f=d.getElementsByTagName(s)[0],
j=d.createElement(s),dl=l!='dataLayer'?'&l='+l:'';j.async=true;j.src=
'https://www.googletagmanager.com/gtm.js?id='+i+dl;f.parentNode.insertBefore(j,f);
})(window,document,'script','dataLayer','GTM-5WLCZXC');</script>
<!-- End Google Tag Manager -->
<!-- Template Javascript Files
        ================================================== -->
<!-- Angular -->
<base href="/">
<script src="js/angular-1.7.8.min.js"></script>
<script src="angular/capella.js"></script>
<!-- jquery -->
<script src="js/jquery-3.4.1.min.js"></script>
<script src="js/helpers.js"></script>
		<script defer src="https://kit.fontawesome.com/16cf99803e.js" crossorigin="anonymous"></script>
</head>
<body ng-app="capella" data-deferred-cloak>
	<!-- Google Tag Manager (noscript) -->
	<noscript><iframe src="https://www.googletagmanager.com/ns.html?id=GTM-WCRD68P"
	height="0" width="0" style="display:none;visibility:hidden"></iframe></noscript>
	<!-- End Google Tag Manager (noscript) -->
	<!--
     ==================================================
     Header Section
     ================================================== -->
	<ng-include src="'angular/blocks/header.html'"></ng-include>
	<!--
    ==================================================
    Intro Section
    ================================================== -->
	<section class="hero-area resources">
		<div class="container">
			<div class="row">
				<div class="col-md-12 text-center">
					<div class="block wow fadeInUp" data-wow-delay=".3s">
						<section class="cd-intro">
							<h1 class="wow fadeInUp animated" data-wow-delay=".4s">Resources</h1>
						</section>
						<!-- cd-intro -->
						<h2 class="wow fadeInUp animated" data-wow-delay=".6s">
								New to Eclipse Capella&trade;? Advanced user? Business executive?<br> Find the answers to your questions about Capella.
						</h2>
					</div>
				</div>
			</div>
		</div>
	</section>
	<!--/#intro_banner-->
	<section id="resources" class="">
		<div class="container">
			<div class="row">
					<ul class="nav nav-tabs">
						<li class="active"><a href="#topics" data-toggle="tab">Discover by Topics</a></li>
						<li><a href="#types" data-toggle="tab">Discover by Types</a></li>
						<li><a href="#domains" data-toggle="tab">Discover by Domains</a></li>
					</ul>
					<div id="myTabContent" class="tab-content">
						<div id="topics" class="tab-pane fade active in">
								<div id="topics_accordion" class="accordion dropdown_content"></div>
						</div>
						<div id="types" class="tab-pane">
								<div id="types_accordion" class="accordion dropdown_content"></div>
						</div>
						<div id="domains" class="tab-pane">
								<div id="domains_accordion" class="accordion dropdown_content"></div>
						</div>
					</div>
				<script>
					// Sort items by ascending order, and descending year
					function GetSortOrder(prop) {
						return function(a, b) {
							if (a[prop] > b[prop]) {
								return 1;
							} else if (a[prop] < b[prop]) {
								return -1;
							}
							if (a["year"] < b["year"]) {
								return 1;
							} else if (a["year"] > b["year"]) {
								return -1;
							}
							return 0;
						}
					}
					// Sort items by descending order
					function GetSortOrder_des(prop) {
						return function(a, b) {
							if (a[prop] < b[prop]) {
								return 1;
							} else if (a[prop] > b[prop]) {
								return -1;
							}
							return 0;
						}
					}
					$.getJSON('json/resources.json', function(data) {
						var topics_accordion_group = " ";
						var types_accordion_group = " ";
						var domains_accordion_group = " ";
						var topics_categories_row = " ";
						var types_categories_row = " ";
						var domains_categories_row = " ";
						for (var i in data.resources.topics) {
							var accordion_heading = " ";
							var accordion_body = " ";
							var accordion_inner = " ";
							var category_anchor = " ";
							var title = " ";
							var descr = " ";
							category_anchor = "<div class='col-md-2 col-xs-12'><a class='wow smooth-scroll' href='resources.html#topic-" + data.resources.topics[i].anchor + "' data-row='#topic-" + data.resources.topics[i].anchor + "'><img src='" + data.resources.topics[i].icon + "'  width='80'/><p>" + data.resources.topics[i].title + "</p></a></div>";
							title += "<h3>" + data.resources.topics[i].title + "</h3>";
							descr += "<span class='descr txt_indigo'>" + data.resources.topics[i].descr + "</span><span class='fas fa-caret-down txt_yellow'>&nbsp;</span></a></div>";
							accordion_heading += "<div class='accordion-heading'><a class='accordion-toggle collapsed' data-toggle='collapse' data-parent='#types_accordion' href='#"
							+ data.resources.topics[i].anchor + "'>" + title + descr;
							data.resources.items.sort(GetSortOrder("topic_order"));
							for (var j in data.resources.items) {
								var item_infos = " ";
								var item_descr = "";
								var item_icon = "";
								var item_type = data.resources.items[j].type;
								if (item_type == "Video") {
									item_icon = "<i class='fa fa-youtube-play' aria-hidden='true'></i>&nbsp;";
								}
								else if (item_type == "Article"){
									item_icon = "<i class='fa fa-newspaper-o' aria-hidden='true'></i>&nbsp;";
								}
								else if (item_type == "Documentation"){
									item_icon = "<i class='fa fa-file-text-o' aria-hidden='true'></i>&nbsp;";
								}
								else if (item_type == "Fact Sheet"){
									item_icon = "<i class='fa fa-file-image-o' aria-hidden='true'></i>&nbsp;";
								}
								else if (item_type == "Slideshow"){
									item_icon = "<i class='fa fa-picture-o' aria-hidden='true'></i>&nbsp;";
								}
								else if (item_type == "Sample Model"){
									item_icon = "<i class='fa fa-cubes' aria-hidden='true'></i>&nbsp;";
								}
								else {
									item_icon = "<i class='fa fa-external-link' aria-hidden='true'></i>&nbsp;";
								}

								if(data.resources.items[j].author != ""){
									item_infos += " | " + data.resources.items[j].author;
								}
								if(data.resources.items[j].year != ""){
									item_infos += " | " + data.resources.items[j].year;
								}
								if (data.resources.items[j].descr != "") {
									item_descr += "<p>" + data.resources.items[j].descr + "</p>";
								}
								if(data.resources.items[j].topic == data.resources.topics[i].title){
									if(data.resources.items[j].thumb != ""){
										accordion_inner += "<div class='accordion-inner with_thumb'><div class='col-md-8 col-xs-8'><h4 class='linked_title'><a href='"
											+ data.resources.items[j].link + "' target='_blank'>"
											+ data.resources.items[j].title + "</a></h4><p class='descr'>" + item_icon + data.resources.items[j].type + item_infos + " | " + data.resources.items[j].language + "</p>" + item_descr + "</div><div class='col-md-4 col-xs-12'><a href='"
											+ data.resources.items[j].link + "' target='_blank'><img src='" + data.resources.items[j].thumb + "' alt='" + data.resources.items[j].title + "'/></a></div><div class='clearfix'></div></div>";
									}
									else{
										accordion_inner += "<div class='accordion-inner'><h4 class='linked_title'><a href='"
											+ data.resources.items[j].link + "' target='_blank'>"
											+ data.resources.items[j].title + "</a></h4><p class='descr'>" + item_icon + data.resources.items[j].type + item_infos + " | " + data.resources.items[j].language + "</p>" + item_descr + "</div>";
									}
								}
							}
							topics_categories_row += category_anchor;
							accordion_body += "<div id='" + data.resources.topics[i].anchor + "' class='accordion-body collapse' style='height: 0px;'>" + accordion_inner + "</div>";
							topics_accordion_group += "<div class='accordion-group' id='topic-" + data.resources.topics[i].anchor + "'>" + accordion_heading + accordion_body + "</div>";
							document.getElementById("topics_accordion").innerHTML = "<div class='categories_anchors linked_title'>" + topics_categories_row + "</div><div class='clearfix'></div>" + topics_accordion_group;
						}
						for (var k in data.resources.types) {
							var accordion_heading = " ";
							var accordion_body = " ";
							var accordion_inner = " ";
							var category_anchor = " ";
							var title = " ";
							var descr = " ";
							category_anchor = "<div class='col-md-2 col-xs-12'><a class='wow smooth-scroll' href='resources.html#type-" + data.resources.types[k].anchor + "' data-row='#type-" + data.resources.types[k].anchor + "'><img src='" + data.resources.types[k].icon + "'  width='80'/><p>" + data.resources.types[k].title + "</p></a></div>";
							title += "<h3>" + data.resources.types[k].title + "</h3>";
							descr += "<span class='descr txt_indigo'>" + data.resources.types[k].descr + "</span><span class='fas fa-caret-down txt_yellow'>&nbsp;</span></a></div>";
							accordion_heading += "<div class='accordion-heading'><a class='accordion-toggle collapsed' data-toggle='collapse' data-parent='#topics_accordion' href='#"
							+ data.resources.types[k].anchor + "'>" + title + descr;
							data.resources.items.sort(GetSortOrder("type_order"));
							for (var m in data.resources.items) {
								var item_infos = " ";
								var item_descr = "";
								if(data.resources.items[m].author != ""){
									item_infos += " | " + data.resources.items[m].author;
								}
								if(data.resources.items[m].year != ""){
									item_infos += " | " + data.resources.items[m].year;
								}
								if (data.resources.items[m].descr != "") {
									item_descr += "<p>" + data.resources.items[m].descr + "</p>";
								}
								if(data.resources.items[m].type == data.resources.types[k].title){
									if(data.resources.items[m].thumb != ""){
										accordion_inner += "<div class='accordion-inner with_thumb'><div class='col-md-8 col-xs-8'><h4 class='linked_title'><a href='"
											+ data.resources.items[m].link + "' target='_blank'>"
											+ data.resources.items[m].title + "</a></h4><p class='descr'>" + data.resources.items[m].topic + item_infos + " | " + data.resources.items[m].language + "</p>" + item_descr + "</div><div class='col-md-4 col-xs-12'><a href='"
											+ data.resources.items[m].link + "' target='_blank'><img src='" + data.resources.items[m].thumb + "' alt='" + data.resources.items[m].title + "' /></a></div><div class='clearfix'></div></div>";
									}
									else{
										accordion_inner += "<div class='accordion-inner'><h4 class='linked_title'><a href='"
											+ data.resources.items[m].link + "' target='_blank'>"
											+ data.resources.items[m].title + "</a></h4><p class='descr'>" + data.resources.items[m].topic + item_infos + " | " + data.resources.items[m].language + "</p>" + item_descr + "</div>";
									}
								}
							}
							types_categories_row += category_anchor;
							accordion_body += "<div id='" + data.resources.types[k].anchor + "' class='accordion-body collapse' style='height: 0px;'>" + accordion_inner + "</div>";
							types_accordion_group += "<div class='accordion-group' id='type-" + data.resources.types[k].anchor + "'>" + accordion_heading + accordion_body + "</div>";
							document.getElementById("types_accordion").innerHTML = "<div class='categories_anchors linked_title'>" + types_categories_row + "</div><div class='clearfix'></div>" + types_accordion_group;
						}
						for (var d in data.resources.domains) {
							var accordion_heading = " ";
							var accordion_body = " ";
							var accordion_inner = " ";
							var category_anchor = " ";
							var title = " ";
							var descr = " ";
							category_anchor = "<div class='col-md-2' 'col-xs-12'><a class='wow smooth-scroll' href='resources.html#domain-" + data.resources.domains[d].anchor + "' data-row='#domain-" + data.resources.domains[d].anchor + "'><img src='" + data.resources.domains[d].icon + "' width='80'/><p>" + data.resources.domains[d].title + "</p></a></div>";
							title += "<h3>" + data.resources.domains[d].title + "</h3>";
							descr += "<span class='descr txt_indigo'>" + data.resources.domains[d].descr + "</span><span class='fas fa-caret-down txt_yellow'>&nbsp;</span></a></div>";
							accordion_heading += "<div class='accordion-heading'><a class='accordion-toggle collapsed' data-toggle='collapse' data-parent='#types_accordion' href='#"
							+ data.resources.domains[d].anchor + "'>" + title + descr;
							for (var e in data.resources.items) {
							//data.resources.items.sort(GetSortOrder("domain_order"));
								var item_infos = " ";
								var item_descr = "";
								var item_icon = "";
								var item_type = data.resources.items[e].type;
								if (item_type == "Video") {
									item_icon = "<i class='fa fa-youtube-play' aria-hidden='true'></i>&nbsp;";
								}
								else if (item_type == "Article"){
									item_icon = "<i class='fa fa-newspaper-o' aria-hidden='true'></i>&nbsp;";
								}
								else if (item_type == "Documentation"){
									item_icon = "<i class='fa fa-file-text-o' aria-hidden='true'></i>&nbsp;";
								}
								else if (item_type == "Fact Sheet"){
									item_icon = "<i class='fa fa-file-image-o' aria-hidden='true'></i>&nbsp;";
								}
								else if (item_type == "Slideshow"){
									item_icon = "<i class='fa fa-picture-o' aria-hidden='true'></i>&nbsp;";
								}
								else if (item_type == "Sample Model"){
									item_icon = "<i class='fa fa-cubes' aria-hidden='true'></i>&nbsp;";
								}
								else {
									item_icon = "<i class='fa fa-external-link' aria-hidden='true'></i>&nbsp;";
								}
								if(data.resources.items[e].author != ""){
									item_infos += " | " + data.resources.items[e].author;
								}
								if(data.resources.items[e].year != ""){
									item_infos += " | " + data.resources.items[e].year;
								}
								if (data.resources.items[e].descr != "") {
									item_descr += "<p>" + data.resources.items[e].descr + "</p>";
								}
								if(data.resources.items[e].domain == data.resources.domains[d].title){
									if(data.resources.items[e].thumb != ""){
										accordion_inner += "<div class='accordion-inner with_thumb'><div class='col-md-8 col-xs-8'><h4 class='linked_title'><a href='"
											+ data.resources.items[e].link + "' target='_blank'>"
											+ data.resources.items[e].title + "</a></h4><p class='descr'>" + item_icon + data.resources.items[e].type + item_infos + " | " + data.resources.items[e].language + "</p>" + item_descr + "</div><div class='col-md-4 col-xs-12'><a href='"
											+ data.resources.items[e].link + "' target='_blank'><img src='" + data.resources.items[e].thumb + "' alt='" + data.resources.items[e].title + "' /></a></div><div class='clearfix'></div></div>";
									}
									else{
										accordion_inner += "<div class='accordion-inner'><h4 class='linked_title'><a href='"
											+ data.resources.items[e].link + "' target='_blank'>"
											+ data.resources.items[e].title + "</a></h4><p class='descr'>" + item_icon + data.resources.items[e].type + item_infos + " | " + data.resources.items[e].language + "</p>" + item_descr + "</div>";
									}
								}
							}
							domains_categories_row += category_anchor;
							accordion_body += "<div id='" + data.resources.domains[d].anchor + "' class='accordion-body collapse' style='height: 0px;'>" + accordion_inner + "</div>";
							domains_accordion_group += "<div class='accordion-group' id='domain-" + data.resources.domains[d].anchor + "'>" + accordion_heading + accordion_body + "</div>";
							document.getElementById("domains_accordion").innerHTML = "<div class='categories_anchors linked_title'>" + domains_categories_row + "</div><div class='clearfix'></div>" + domains_accordion_group;
						}
						new WOW().init();
						jQuery('.smooth-scroll').scrollingTo();
					});
				</script>
		</div>
	</section>
	<div id="back-to-top" data-spy="affix" data-offset-top="100"
		class="back-to-top hidden-xs hidden-sm affix-top">
		<button class="btn btn-default" title="Back to Top">
			<i class="fa fa-caret-up"></i>
		</button>
	</div>
	<script type="text/javascript">
	// Back to top
		jQuery('#back-to-top').on('click', function() {
			jQuery("html, body").animate({
				scrollTop : 0
			}, 500);
			return false;
		});
	</script>
	<!--
        ==================================================
        Call To Action Section Start
        ================================================== -->
	<ng-include src="'angular/blocks/call2action.html'"></ng-include>
	<!--
        ==================================================
        Footer Section
        ================================================== -->
	<ng-include src="'angular/blocks/footer.html'"></ng-include>

	 <!-- bootstrap js -->
        <script defer src="js/bootstrap.min.js"></script>
        <!-- wow js -->
        <script defer src="js/wow.min.js"></script>
        <script defer src="js/jquery.fancybox.js"></script>
        <!-- template main js -->
        <script defer src="js/main.js"></script>
        <!-- Global site tag (gtag.js) - Google Analytics -->
		<script async src="https://www.googletagmanager.com/gtag/js?id=UA-57722280-1"></script>
		<script async src="js/googleAnalytics.js"></script>

        <script async src="//www.eclipse.org/eclipse.org-common/themes/solstice/public/javascript/vendor/cookieconsent/default.min.js"></script>
        <!-- modernizr js -->
        <script defer src="js/vendor/modernizr-2.6.2.min.js"></script>
</body>
</html>
